<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="Docutils 0.5: http://docutils.sourceforge.net/" />
<meta name="version" content="S5 1.1" />
<title>CubicWeb</title>
<style type="text/css">

/*
:Author: David Goodger (goodger@python.org)
:Id: $Id: html4css1.css 5196 2007-06-03 20:25:28Z wiemann $
:Copyright: This stylesheet has been placed in the public domain.

Default cascading style sheet for the HTML output of Docutils.

See http://docutils.sf.net/docs/howto/html-stylesheets.html for how to
customize this style sheet.
*/

/* used to remove borders from tables and images */
.borderless, table.borderless td, table.borderless th {
  border: 0 }

table.borderless td, table.borderless th {
  /* Override padding for "table.docutils td" with "! important".
     The right padding separates the table cells. */
  padding: 0 0.5em 0 0 ! important }

.first {
  /* Override more specific margin styles with "! important". */
  margin-top: 0 ! important }

.last, .with-subtitle {
  margin-bottom: 0 ! important }

.hidden {
  display: none }

a.toc-backref {
  text-decoration: none ;
  color: black }

blockquote.epigraph {
  margin: 2em 5em ; }

dl.docutils dd {
  margin-bottom: 0.5em }

/* Uncomment (and remove this text!) to get bold-faced definition list terms
dl.docutils dt {
  font-weight: bold }
*/

div.abstract {
  margin: 2em 5em }

div.abstract p.topic-title {
  font-weight: bold ;
  text-align: center }

div.admonition, div.attention, div.caution, div.danger, div.error,
div.hint, div.important, div.note, div.tip, div.warning {
  margin: 2em ;
  border: medium outset ;
  padding: 1em }

div.admonition p.admonition-title, div.hint p.admonition-title,
div.important p.admonition-title, div.note p.admonition-title,
div.tip p.admonition-title {
  font-weight: bold ;
  font-family: sans-serif }

div.attention p.admonition-title, div.caution p.admonition-title,
div.danger p.admonition-title, div.error p.admonition-title,
div.warning p.admonition-title {
  color: red ;
  font-weight: bold ;
  font-family: sans-serif }

/* Uncomment (and remove this text!) to get reduced vertical space in
   compound paragraphs.
div.compound .compound-first, div.compound .compound-middle {
  margin-bottom: 0.5em }

div.compound .compound-last, div.compound .compound-middle {
  margin-top: 0.5em }
*/

div.dedication {
  margin: 2em 5em ;
  text-align: center ;
  font-style: italic }

div.dedication p.topic-title {
  font-weight: bold ;
  font-style: normal }

div.figure {
  margin-left: 2em ;
  margin-right: 2em }

div.footer, div.header {
  clear: both;
  font-size: smaller }

div.line-block {
  display: block ;
  margin-top: 1em ;
  margin-bottom: 1em }

div.line-block div.line-block {
  margin-top: 0 ;
  margin-bottom: 0 ;
  margin-left: 1.5em }

div.sidebar {
  margin: 0 0 0.5em 1em ;
  border: medium outset ;
  padding: 1em ;
  background-color: #ffffee ;
  width: 40% ;
  float: right ;
  clear: right }

div.sidebar p.rubric {
  font-family: sans-serif ;
  font-size: medium }

div.system-messages {
  margin: 5em }

div.system-messages h1 {
  color: red }

div.system-message {
  border: medium outset ;
  padding: 1em }

div.system-message p.system-message-title {
  color: red ;
  font-weight: bold }

div.topic {
  margin: 2em }

h1.section-subtitle, h2.section-subtitle, h3.section-subtitle,
h4.section-subtitle, h5.section-subtitle, h6.section-subtitle {
  margin-top: 0.4em }

h1.title {
  text-align: center }

h2.subtitle {
  text-align: center }

hr.docutils {
  width: 75% }

img.align-left {
  clear: left }

img.align-right {
  clear: right }

ol.simple, ul.simple {
  margin-bottom: 1em }

ol.arabic {
  list-style: decimal }

ol.loweralpha {
  list-style: lower-alpha }

ol.upperalpha {
  list-style: upper-alpha }

ol.lowerroman {
  list-style: lower-roman }

ol.upperroman {
  list-style: upper-roman }

p.attribution {
  text-align: right ;
  margin-left: 50% }

p.caption {
  font-style: italic }

p.credits {
  font-style: italic ;
  font-size: smaller }

p.label {
  white-space: nowrap }

p.rubric {
  font-weight: bold ;
  font-size: larger ;
  color: maroon ;
  text-align: center }

p.sidebar-title {
  font-family: sans-serif ;
  font-weight: bold ;
  font-size: larger }

p.sidebar-subtitle {
  font-family: sans-serif ;
  font-weight: bold }

p.topic-title {
  font-weight: bold }

pre.address {
  margin-bottom: 0 ;
  margin-top: 0 ;
  font-family: serif ;
  font-size: 100% }

pre.literal-block, pre.doctest-block {
  margin-left: 2em ;
  margin-right: 2em }

span.classifier {
  font-family: sans-serif ;
  font-style: oblique }

span.classifier-delimiter {
  font-family: sans-serif ;
  font-weight: bold }

span.interpreted {
  font-family: sans-serif }

span.option {
  white-space: nowrap }

span.pre {
  white-space: pre }

span.problematic {
  color: red }

span.section-subtitle {
  /* font-size relative to parent (h1..h6 element) */
  font-size: 80% }

table.citation {
  border-left: solid 1px gray;
  margin-left: 1px }

table.docinfo {
  margin: 2em 4em }

table.docutils {
  margin-top: 0.5em ;
  margin-bottom: 0.5em }

table.footnote {
  border-left: solid 1px black;
  margin-left: 1px }

table.docutils td, table.docutils th,
table.docinfo td, table.docinfo th {
  padding-left: 0.5em ;
  padding-right: 0.5em ;
  vertical-align: top }

table.docutils th.field-name, table.docinfo th.docinfo-name {
  font-weight: bold ;
  text-align: left ;
  white-space: nowrap ;
  padding-left: 0 }

h1 tt.docutils, h2 tt.docutils, h3 tt.docutils,
h4 tt.docutils, h5 tt.docutils, h6 tt.docutils {
  font-size: 100% }

ul.auto-toc {
  list-style-type: none }

</style>
<!-- configuration parameters -->
<meta name="defaultView" content="slideshow" />
<meta name="controlVis" content="hidden" />
<!-- style sheet links -->
<script src="ui/default/slides.js" type="text/javascript"></script>
<link rel="stylesheet" href="ui/default/slides.css"
      type="text/css" media="projection" id="slideProj" />
<link rel="stylesheet" href="ui/default/outline.css"
      type="text/css" media="screen" id="outlineStyle" />
<link rel="stylesheet" href="ui/default/print.css"
      type="text/css" media="print" id="slidePrint" />
<link rel="stylesheet" href="ui/default/opera.css"
      type="text/css" media="projection" id="operaFix" />

<style type="text/css">
#currentSlide {display: none;}
</style>
</head>
<body>
<div class="layout">
<div id="controls"></div>
<div id="currentSlide"></div>
<div id="header">

</div>
<div id="footer">
<h1>CubicWeb</h1>

</div>
</div>
<div class="presentation">
<div class="slide" id="slide0">
<h1 class="title">CubicWeb</h1>

<!-- -*- coding: utf-8 -*- -->
<p>The Semantic Web is a construction game!</p>
<p><a class="reference external" href="mailto:Sandrine.Ribeau&#64;logilab.fr">Sandrine.Ribeau&#64;logilab.fr</a></p>
<p><a class="reference external" href="http://www.cubicweb.org">http://www.cubicweb.org</a></p>

</div>
<div class="slide" id="evolution-of-the-web">
<h1>Evolution of the Web</h1>
<ul class="simple">
<li>v0 = the internet links computers</li>
<li>v1 = the web links documents</li>
<li>v2 = web applications</li>
<li>v3 = the semantic web links data</li>
<li>v4 = personnal web, private life, security</li>
<li>... physical world, AI, etc.</li>
</ul>
</div>
<div class="slide" id="the-semantic-web">
<h1>The Semantic Web</h1>
<ul class="simple">
<li>wold-wide distributed database (URL used as key)</li>
<li>formats (RDF, OWL) and vocabularies (ontologies)</li>
<li>query language (SPARQL)</li>
</ul>
<p>=&gt; need for adapted frameworks</p>
</div>
<div class="slide" id="cubicweb-concepts">
<h1>CubicWeb: concepts</h1>
<ul class="simple">
<li>entity-relationship to model data</li>
<li>query language (RQL, soon SPARQL)</li>
<li>views display results of queries</li>
<li>web app made out of views (HTML, JSON, etc.)</li>
<li><em>semantic</em> views (RDF, OWL, etc.)</li>
</ul>
<p>=&gt; web apps <strong>AND</strong> semantic apps in one framework</p>
</div>
<div class="slide" id="cubicweb-architecture">
<h1>CubicWeb: architecture</h1>
<ul class="simple">
<li>web engine queries data repository in RQL</li>
<li>federates sources: SQL, RQL, LDAP, VCS...</li>
<li>web user interface partially generated</li>
<li>library of reusable components (cubes)</li>
</ul>
<p>=&gt; web apps <strong>AND</strong> semantic apps in one framework</p>
</div>
<div class="slide" id="agility">
<h1>Agility</h1>
<ul class="simple">
<li>a data model is enough to get started</li>
<li>CRUD user interface generated</li>
<li>improve views progressively</li>
<li>migrate data iteratively without stress</li>
</ul>
<p>=&gt; agile and iterative development</p>
</div>
<div class="slide" id="efficiency">
<h1>Efficiency</h1>
<ul class="simple">
<li>develop web apps OO-style</li>
<li>maximise code reuse</li>
<li>web UI friendly to power users</li>
<li>data sources are abstracted and federated</li>
</ul>
<p>=&gt; efficient development and maintenance</p>
</div>
<div class="slide" id="definition-of-a-cube">
<h1>Definition of a cube</h1>
<div class="system-message">
<p class="system-message-title">System Message: ERROR/3 (<tt class="docutils">cw.rst</tt>, line 78)</p>
<p>Unknown directive type &quot;sourcecode&quot;.</p>
<pre class="literal-block">
.. sourcecode:: python

  class Blog(EntityType):
    title = String(maxsize=50, required=True)
    description = String()

  class BlogEntry(EntityType):
    title = String(required=True, fulltextindexed=True)
    content = String(required=True, fulltextindexed=True)
    entry_of = SubjectRelation('Blog', cardinality='**')

</pre>
</div>
</div>
<div class="slide" id="assembling-cubes">
<h1>Assembling cubes</h1>
<div class="system-message">
<p class="system-message-title">System Message: ERROR/3 (<tt class="docutils">cw.rst</tt>, line 92)</p>
<p>Unknown directive type &quot;sourcecode&quot;.</p>
<pre class="literal-block">
.. sourcecode:: python

  __use__ = ('blog', 'comment', 'tag',)

  class comments(RelationDefinition):
      subject = 'Comment'
      object = 'BlogEntry'

  class tags(RelationDefinition):
      subject = 'Tag'
      object = 'BlogEntry'


</pre>
</div>
</div>
<div class="slide" id="rql-queries">
<h1>RQL queries</h1>
<ul class="simple">
<li>10 latest blog entries in reverse order:</li>
</ul>
<div class="system-message">
<p class="system-message-title">System Message: ERROR/3 (<tt class="docutils">cw.rst</tt>, line 110)</p>
<p>Unknown directive type &quot;sourcecode&quot;.</p>
<pre class="literal-block">
.. sourcecode:: sql

    Any X ORDERBY CD DESC LIMIT 10
    WHERE X is BlogEntry, X creation_date CD

</pre>
</div>
<ul class="simple">
<li>entities tagged <cite>cubicweb</cite> or <cite>semantic</cite>:</li>
</ul>
<div class="system-message">
<p class="system-message-title">System Message: ERROR/3 (<tt class="docutils">cw.rst</tt>, line 117)</p>
<p>Unknown directive type &quot;sourcecode&quot;.</p>
<pre class="literal-block">
.. sourcecode:: sql

    Any X WHERE T tags X,
    T name IN ('cubicweb', 'semantic')

</pre>
</div>
<p>also UNION, EXISTS, sub-queries, optional variables (outer join), etc.</p>
</div>
<div class="slide" id="object-logic-and-views">
<h1>Object logic and views</h1>
<ul class="simple">
<li>objects can implement interfaces:</li>
</ul>
<div class="system-message">
<p class="system-message-title">System Message: ERROR/3 (<tt class="docutils">cw.rst</tt>, line 130)</p>
<p>Unknown directive type &quot;sourcecode&quot;.</p>
<pre class="literal-block">
.. sourcecode:: python

    class BlogEntry(AnyEntity):
        __implements__ = (ICalendarable,)

        def start(self):
            return self.creation_date

        def stop(self):
            return self.creation_date

</pre>
</div>
<ul class="simple">
<li>views can be applied to interfaces</li>
</ul>
</div>
<div class="slide" id="semantic-views">
<h1><em>Semantic</em> views</h1>
<ul class="simple">
<li><a class="reference external" href="http://www.cubicweb.org/view?vid=owl">OWL</a> - Ontology Web Language (describe data model)</li>
<li><a class="reference external" href="http://www.cubicweb.org/euser?vid=foaf">FOAF</a> - Friend Of A Friend (social networks)</li>
<li><a class="reference external" href="http://www.cubicweb.org/blogentry/212906?vid=sioc">SIOC</a> - Semantically-Interlinked Online Communities (forum, message)</li>
<li><a class="reference external" href="http://www.cubicweb.org/project/cubicweb?vid=doap">DOAP</a> - Description of a Project (software)</li>
<li>microformats, RDFa, RSS, iCal, vCard, etc.</li>
<li>...</li>
</ul>
<p>=&gt; publish data in RDF: LinkedData !</p>
</div>
<div class="slide" id="using-cubicweb-from-turbogears">
<h1>Using CubicWeb from TurboGears</h1>
<ul class="simple">
<li>repository run as a server or embedded in app</li>
</ul>
<div class="system-message">
<p class="system-message-title">System Message: ERROR/3 (<tt class="docutils">cw.rst</tt>, line 165)</p>
<p>Unknown directive type &quot;sourcecode&quot;.</p>
<pre class="literal-block">
.. sourcecode:: python

  class Root(controllers.RootController):

      cwdb = CubicWebDatabase('bookdb', 'admin', 'admin')

      &#64;expose(template=&quot;cubictg.templates.welcome&quot;)
      def index(self, rql=''):
          rset, colnames = [], []
          if rql:
              rset = self.cwdb.execute(rql)
              colnames = get_col_names(rset)
          return dict(rql=rql, rset=rset, colnames=colnames)

</pre>
</div>
</div>
<div class="slide" id="cubicweb-history">
<h1>CubicWeb: history</h1>
<ul class="simple">
<li>started in 2001 - part of the Narval research project</li>
<li>version 1.0 in 2004 - in production at Logilab</li>
<li>version 2.0 in 2006 - in production at clients</li>
<li>version 3.0 in 2008 - LGPL and free download</li>
<li><a class="reference external" href="http://www.cubicweb.org">http://www.cubicweb.org</a></li>
</ul>
</div>
<div class="slide" id="cubicweb-future">
<h1>CubicWeb: future</h1>
<ul class="simple">
<li>SPARQL support (queries and sources)</li>
<li>RDF/LinkedData source (DBPedia, Geonames...)</li>
<li>more vocabularies and generic semantic views</li>
<li>semantic web services (merge REST, RDF and content negociation)</li>
<li>URI as metadata and generic sameAs</li>
<li>...</li>
</ul>
</div>
</div>
</body>
</html>
